Main:
****
import 'package:flutter/material.dart';
import 'package:pro/fourth/view.dart';

import 'fifth/fifth.dart';
import 'first/view.dart';
import 'second/view.dart';
import 'sixth/view.dart';
import 'third/view.dart';

void main(){
  runApp(MainView());

}
class MainView extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: SixthView(),
    );
  }
}
-----------------------------------------------------------------------------------------------------------------------------
first/view
***********
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class FirstView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      backgroundColor: Colors.limeAccent,
      body: Row(
        children: [
          Icon(
            Icons.android,
            size: 40,
          ),
          SizedBox(width: 20,),
          Icon(
            Icons.delete,
            size: 40,
          ),
          SizedBox(width: 20,),
          Text("Seoudii", style: TextStyle(color: Colors.black, fontSize: 50)),
          SizedBox(width: 20,),
          Icon(
            Icons.edit,
            size: 40,
          ),
          SizedBox(width: 20,),
          Icon(
            Icons.add,
            size: 40,
          ),
        ],
      ),
    );
  }
}
---------------------------------------------------------------------------------------------------------------------------------
second/view
***********
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class SecondView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      backgroundColor: Colors.limeAccent,
      body: Column(
        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
        children: [
          Image.network("https://media.licdn.com/dms/image/D4D35AQH552iK8kouAA/profile-framedphoto-shrink_800_800/0/1678225090486?e=1686909600&v=beta&t=CB1i-GQO1JsiyNgIK9LXu1z07kSDBb5ZRpDyZguhGrg",
          width: 200,
          height: 200,),
          SizedBox(width: 20,),
          Icon(Icons.delete, size: 40,
          ),
          SizedBox(width: 20,),
          Text("Seoudii", style: TextStyle(color: Colors.black, fontSize: 50)),
          SizedBox(width: 20,),
          Icon(Icons.edit, size: 40,
          ),
          SizedBox(width: 20,),
          Icon(Icons.add, size: 40,
          ),
          SizedBox(width: 20,),
          Icon(Icons.tiktok, size: 40,
          ),
        ],
      ),
    );
  }
}
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
third/view
**********
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class ThirdView extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
backgroundColor: Colors.limeAccent,
body: SingleChildScrollView(scrollDirection: Axis.horizontal,
child: Row(
children: [
Image.network("https://img.freepik.com/free-photo/blue-sport-sedan-parked-yard_114579-5078.jpg?w=2000&t=st=1686302551~exp=1686303151~hmac=bf97ef7ed41127749cfdbed57fee1412da08b8248d0068e2b14e80491a8dab41",
width: 200,
height: 200,),
SizedBox(width: 20,),
Icon(Icons.delete, size: 40,
),
SizedBox(width: 20,),
Text("Seoudii", style: TextStyle(color: Colors.black, fontSize: 50)),
SizedBox(width: 20,),
Icon(Icons.edit, size: 40,
),
SizedBox(width: 20,),
Icon(Icons.add, size: 40,
),
SizedBox(width: 20,),
Icon(Icons.tiktok, size: 40,
),
],
),
)
);
}
}
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
fourth/view
***********
import 'package:flutter/material.dart';

class FourthView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(),
        backgroundColor: Colors.limeAccent,
        body: SingleChildScrollView(scrollDirection: Axis.horizontal,
          child: Column(
            children: [
              Image.network("https://img.freepik.com/free-photo/blue-sport-sedan-parked-yard_114579-5078.jpg?w=2000&t=st=1686302551~exp=1686303151~hmac=bf97ef7ed41127749cfdbed57fee1412da08b8248d0068e2b14e80491a8dab41",
                width: 200,
                height: 200,),
              SizedBox(width: 20,),
              Icon(Icons.delete, size: 40,
              ),
              SizedBox(width: 20,),
              Text("Seoudii", style: TextStyle(color: Colors.black, fontSize: 50)),
              SizedBox(width: 20,),
              Icon(Icons.edit, size: 40,
              ),
              SizedBox(width: 20,),
              Icon(Icons.add, size: 40,
              ),
              SizedBox(width: 20,),
              Icon(Icons.tiktok, size: 40,
              ),
            ],
          ),
        )
    );
  }
}
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
fifth/fifth
***********
import 'package:flutter/material.dart';

class FifthView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        actions: [Icon(Icons.search),],
        title: Text("Wrap Horizontal"),
      ),
      backgroundColor: Colors.limeAccent,
      body: Wrap(
direction: Axis.horizontal,
        children: [
          Image.network("https://media.licdn.com/dms/image/D4D35AQH552iK8kouAA/profile-framedphoto-shrink_800_800/0/1678225090486?e=1686909600&v=beta&t=CB1i-GQO1JsiyNgIK9LXu1z07kSDBb5ZRpDyZguhGrg",
            width: 200,
            height: 200,),
          SizedBox(width: 20,),
          Icon(Icons.delete, size: 100,
          ),
          SizedBox(width: 20,),
          Text("Seoudii", style: TextStyle(color: Colors.black, fontSize: 50)),
          SizedBox(width: 20,),
          Icon(Icons.edit, size: 100,
          ),
          SizedBox(width: 20,),
          Icon(Icons.add, size: 100,
          ),
          SizedBox(width: 20,),
          Icon(Icons.tiktok, size: 100,
          ),
          SizedBox(width: 20,),
          Icon(Icons.add, size: 100,
          ),
          SizedBox(width: 20,),
          Icon(Icons.tiktok, size: 100,
          ),
          SizedBox(width: 20,),
          Icon(Icons.add, size: 100,
          ),
          SizedBox(width: 20,),
          Icon(Icons.tiktok, size: 100,
          ),
          SizedBox(width: 20,),
          Icon(Icons.add, size: 100,
          ),
          SizedBox(width: 20,),
          Icon(Icons.tiktok, size: 100,
          ),
          SizedBox(width: 20,),
          Icon(Icons.add, size: 100,
          ),
          SizedBox(width: 20,),
          Icon(Icons.tiktok, size: 100,
          ),
          SizedBox(width: 20,),
          Icon(Icons.add, size: 100,
          ),
          SizedBox(width: 20,),
          Icon(Icons.tiktok, size: 100,
          ),
          SizedBox(width: 20,),
          Icon(Icons.add, size: 100,
          ),
          SizedBox(width: 20,),
          Icon(Icons.tiktok, size: 100,
          ),
        ],
      ),
    );
  }

}
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
sixth/view
**********
import 'package:flutter/material.dart';

class SixthView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        actions: [Icon(Icons.search),],
        title: Text("Cars vertical"),
      ),
      backgroundColor: Colors.limeAccent,
      body: SingleChildScrollView(
        scrollDirection: Axis.vertical,
        child: Column(children: [
          Image.network(
            "https://img.freepik.com/free-photo/blue-sport-sedan-parked-yard_114579-5078.jpg?w=2000&t=st=1686302551~exp=1686303151~hmac=bf97ef7ed41127749cfdbed57fee1412da08b8248d0068e2b14e80491a8dab41",
            width: 200,
            height: 200,
          ),
          Image.network(
            "https://img.freepik.com/free-photo/red-luxury-sedan-road_114579-5079.jpg?w=2000&t=st=1686304030~exp=1686304630~hmac=308d1720cc83fe9600fc73476dccbc741928fb8f3ff45c7ead288154a4adc940/blue-sport-sedan-parked-yard_114579-5078.jpg?w=2000&t=st=1686302551~exp=1686303151~hmac=bf97ef7ed41127749cfdbed57fee1412da08b8248d0068e2b14e80491a8dab41",
            width: 200,
            height: 200,
          ),

          SizedBox(
            width: 20,
          ),
          Image.network(
            "https://img.freepik.com/free-photo/black-sport-car-highway-drive-sunset_114579-5064.jpg?w=2000&t=st=1686304160~exp=1686304760~hmac=e1117ce7848072545a9fb9514de8488b410b5950959b2166fbcadd168db7cba7",
            width: 200,
            height: 200,
          ),
          SizedBox(
            width: 20,
          ),
          Image.network(
            "https://img.freepik.com/free-photo/blue-jeep-parking-public-zone_114579-4042.jpg?w=2000&t=st=1686304188~exp=1686304788~hmac=1fad6fab13d55fdb88813ee212a2a989594dea92505252d2dca62f07a12b64c6",
            width: 200,
            height: 200,
          ),
        ]),
      ),
    );
  }
}









